<? require($_SERVER['DOCUMENT_ROOT'] . '/gs-sos/application/views/inc_header.php'); ?>


<? require($_SERVER['DOCUMENT_ROOT'] . '/gs-sos/application/views/inc_cat_banner.php'); ?>




<div id="main" class="page">
    <header class="page-header">
        <div class="container">
            <h1 class="title"><? echo $PRD_NAME; ?></h1>
        </div>	
    </header>

    <div class="container">
        <div class="row">
            <article class="content span12 product-page">
                <div class="row">
                    <div class="span5">
                        <div class="image-box">
                            <div class="general-img">
                                <img src="<? echo $PRD_IMG_1; ?>" data-zoom-image="<? echo $PRD_IMG_1; ?>" width="700" height="700" alt="">
                            </div>


                            <div class="thumblist-box load">
                                <a href="javscript:;" class="prev">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                         width="9px" height="16px" viewBox="0 0 9 16" enable-background="new 0 0 9 16" xml:space="preserve">
                                        <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#fcfcfc" points="8,15.999 9,14.999 2,8 9,1.001 8,0.001 0,8 "/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="next">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                         width="9px" height="16px" viewBox="0 0 9 16" enable-background="new 0 0 9 16" xml:space="preserve">
                                        <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#fcfcfc" points="1,0.001 0,1.001 7,8 0,14.999 1,15.999 9,8 "/>
                                    </svg>
                                </a>

                                <div id="thumblist" class="thumblist">
                                    <? if ($PRD_IMG_1) { ?>
                                        <a href="javascript:;" data-image="<? echo $PRD_IMG_1 ?>" data-zoom-image="<? echo $PRD_IMG_1 ?>">
                                            <img alt="" src="<? echo $PRD_IMG_1 ?>" width="700" height="700">
                                        </a>
                                    <? } ?>
                                    <? if ($PRD_IMG_2) { ?>
                                        <a href="javascript:;" data-image="<? echo $PRD_IMG_2 ?>" data-zoom-image="<? echo $PRD_IMG_2 ?>">
                                            <img alt="" src="<? echo $PRD_IMG_2 ?>" width="700" height="700">
                                        </a>
                                    <? } ?>
                                    <? if ($PRD_IMG_3) { ?>
                                        <a href="javascript:;" data-image="<? echo $PRD_IMG_3 ?>" data-zoom-image="<? echo $PRD_IMG_3 ?>">
                                            <img alt="" src="<? echo $PRD_IMG_3 ?>" width="700" height="700">
                                        </a>
                                    <? } ?>
                                    <? if ($PRD_IMG_4) { ?>
                                        <a href="javascript:;" data-image="<? echo $PRD_IMG_4 ?>" data-zoom-image="<? echo $PRD_IMG_4 ?>">
                                            <img alt="" src="<? echo $PRD_IMG_4 ?>" width="700" height="700">
                                        </a>
                                    <? } ?>
                                    <? if ($PRD_IMG_5) { ?>
                                        <a href="javascript:;" data-image="<? echo $PRD_IMG_5 ?>" data-zoom-image="<? echo $PRD_IMG_5 ?>">
                                            <img alt="" src="<? echo $PRD_IMG_5 ?>" width="700" height="700">
                                        </a>
                                    <? } ?>
                                </div>
                            </div>



                        </div>
                    </div>

                    <div class="span7">


                        <div class="description">
                            <? echo $PRD_DESC; ?>
                        </div>

                        <div class="price-box">
                            <? if ($MARKET_PRICE) { ?>
                                <? if ($MARKET_PRICE != $SALE_PRICE) { ?>
                                    <span class="price-old"><?= number_format($MARKET_PRICE) ?> บาท</span> 
                                <? } ?>
                            <? } ?>
                            <span class="price"><?= number_format($SALE_PRICE) ?> บาท</span>
                        </div>

                        <form name="cart" class="form-inline add-cart-form" method="post" action="<? echo base_url().'Cart' ?>" data-ajax="false">
                            <input type="hidden" name="action" value="<? echo CART_AC_ADDCART ?>">
                            <input type="hidden" name="PRD_ID" value="<? echo $PRD_ID ?>">
                                    <button class="btn btn-large add-cart" onClick="javascript:document.cart.submit();">เพิ่มลงตระกร้า</button>
                                    <div class="number">
                                        <label>จำนวน:</label>
                                        <input type="text" name="QTY" value="1">
                                            <div class="regulator">
                                                <a href="javascript:;" class="number-up"></a>
                                                <a href="javascript:;" class="number-down"></a>
                                            </div>
                                    </div>
                                    </form>

                                    <!--
                                                      <div class="actions">
                                                        <a href="javascript:;" class="add-wishlist">
                                                              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                                width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                                                              <path fill="#1e1e1e" d="M11.335,0C10.026,0,8.848,0.541,8,1.407C7.153,0.541,5.975,0,4.667,0C2.088,0,0,2.09,0,4.667C0,12,8,16,8,16
                                                                s8-4,8-11.333C16.001,2.09,13.913,0,11.335,0z M8,13.684C6.134,12.49,2,9.321,2,4.667C2,3.196,3.197,2,4.667,2C6,2,8,4,8,4
                                                                s2-2,3.334-2c1.47,0,2.666,1.196,2.666,2.667C14.001,9.321,9.867,12.49,8,13.684z"/>
                                                              </svg>
                                                        </a>
                                                        <a href="javascript:;" class="add-compare">
                                                              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                                      width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
                                                                <path fill="#1e1e1e" d="M16,3.063L13,0v2H1C0.447,2,0,2.447,0,3s0.447,1,1,1h12v2L16,3.063z"/>
                                                                <path fill="#1e1e1e" d="M16,13.063L13,10v2H1c-0.553,0-1,0.447-1,1s0.447,1,1,1h12v2L16,13.063z"/>
                                                                <path fill="#1e1e1e" d="M15,7H3V5L0,7.938L3,11V9h12c0.553,0,1-0.447,1-1S15.553,7,15,7z"/>
                                                              </svg>
                                                        </a>
                                                      </div>
                                    //-->
                                    </div>

                                    <div class="clearfix"></div>


                                    <? if (false) { ?>

                                        <div class="recommended-product carousel-box load">
                                            <div class="title-box span12">
                                                <a class="next" href="javascript:;">
                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         width="9px" height="16px" viewBox="0 0 9 16" enable-background="new 0 0 9 16" xml:space="preserve">
                                                        <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#fcfcfc" points="1,0.001 0,1.001 7,8 0,14.999 1,15.999 9,8 "/>
                                                    </svg>
                                                </a>
                                                <a class="prev" href="javascript:;">
                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                         width="9px" height="16px" viewBox="0 0 9 16" enable-background="new 0 0 9 16" xml:space="preserve">
                                                        <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#fcfcfc" points="8,15.999 9,14.999 2,8 9,1.001 8,0.001 0,8 "/>
                                                    </svg>
                                                </a>
                                                <h2 class="title">สินค้าแนะนำ</h2>
                                            </div>
                                            <div class="clearfix"></div>

                                            <div class="carousel products">

                                                <? //for ($i=0; $i < count($rstmp); $i++) { ?>

                                                <!--          <div class="span3 product">
                                                            <div class="default">
                                                              <a href="" class="product-image">
                                                              <img src="" width="270" height="270" alt="">
                                                              </a>
                                                              <div class="product-description">
                                                              <div class="vertical">
                                                                <h3 class="product-name">
                                                                <a href=""></a>
                                                                </h3>
                                                                <div class="price"> บาทa</div>	
                                                              </div>
                                                              </div>
                                                            </div>
                                                          </div>-->

                                                <? //} ?>

                                            </div>
                                        </div>

                                    <? } ?>

                                    </div>
                                    </article><!-- .content -->
                                    </div>
                                    </div>
                                    </div><!-- #main -->

<? require($_SERVER['DOCUMENT_ROOT'] . '/gs-sos/application/views/inc_footer.php'); ?>